/* loading动画 */

@keyframes loading {
    0%{  transform: scale(1); }
    50%{  transform: scale(0.4); }
    100%{ transform: scale(1); }
}
@-webkit-keyframes loading {
    0%{  -webkit-transform: scale(1); }
    50%{  -webkit-transform: scale(0.4); }
    100%{  -webkit-transform: scale(1); }
}
@-moz-keyframes loading {
    0%{ -moz-transform: scale(1); }
    50%{ -moz-transform: scale(0.4); }
    100%{ -moz-transform: scale(1); }
}

.ui-loading-css3{
}
.ui-loading-css3-i{
    display: inline-block;
    width: 0.04rem;
    height: 0.35rem;
    border-radius: 2px;
    margin: 0 2px;
    background-color: #333;
}
.ui-loading-css3-i:nth-child(1){
    -webkit-animation: 'loading' 1s ease-in .1s infinite;
    -moz-animation: 'loading' 1s ease-in .1s infinite;
    animation: 'loading' 1s ease-in .1s infinite;
}
.ui-loading-css3-i:nth-child(2){
    -webkit-animation: 'loading' 1s ease-in .2s infinite;
    -moz-animation: 'loading' 1s ease-in .2s infinite;
    animation: 'loading' 1s ease-in .1s infinite;
}
.ui-loading-css3-i:nth-child(3){
    -webkit-animation: 'loading' 1s ease-in .3s infinite;
    -moz-animation: 'loading' 1s ease-in .3s infinite;
    animation: 'loading' 1s ease-in .1s infinite;
}
.ui-loading-css3-i:nth-child(4){
    -webkit-animation: 'loading' 1s ease-in .4s infinite;
    -moz-animation: 'loading' 1s ease-in .4s infinite;
    animation: 'loading' 1s ease-in .1s infinite;
}
.ui-loading-css3-i:nth-child(5){
    -moz-animation: 'loading' 1s ease-in .5s infinite;
    -webkit-animation: 'loading' 1s ease-in .5s infinite;
    animation: 'loading' 1s ease-in .1s infinite;
}